*{margin: 0%;padding: 0%;box-sizing: border-box;}html,body{height: 100%;width: 100%;background-color:#1A1A1A;}#main{position: relative;overflow: hidden;}#page{position: relative;height: 100vh;width: 100vw;background-color: #1A1A1A;}#page1{position: relative;height: 100vh;width: 100vw;background-color: #1A1A1A;}#page2{position: relative;height: 100vh;width: 100vw;background-color: #1A1A1A;}#page3{position: relative;height: 100vh;width: 100vw;background-color: #1A1A1A;}canvas{position: relative;z-index: 9;max-width: 100vw;max-height: 100vh;}#loop{display: flex;position: absolute;top: 30%;height: 25%;width: 100%;font-size: 100px;white-space: nowrap;font-family: "Arame-Regular";}#loop>h1{font-weight: 400;animation-name: anim;animation-duration: 15s;animation-timing-function: linear;animation-iteration-count: infinite;color: white;}#loop>h1>span{-webkit-text-stroke: 1.2px #ffffff;color: transparent;font-weight: 500;font-family: "Arame-Regular";}@keyframes anim{0%{transform: translateX(0%);}100%{transform: translateX(-100%);}}#nav{display: flex;align-items: center;justify-content: space-between;height: 7%;width: 100%;position: fixed;z-index: 99;padding: 0px 30px;}#nav{font-family: 'Montserrat', sans-serif;font-weight: 400;font-size: 20px;color: white;}#arrpic>img{position: absolute;display: flex;justify-content: center;align-items: center;height: 28px;width: auto;position: fixed;right: 8.2%;bottom: 94.4%;}a {display: inline-block;position: relative;z-index: 1;padding: 2em;}.unq{padding: 10px 20px;border-radius: 50px;background-color: #ffffff;color: #1d1c1f;border: none;font-size: 20px;font-weight: 200;font-family: 'Space Grotesk', sans-serif;text-decoration: none;animation: blink 0.5s linear infinite;}@keyframes blink{0%{opacity: 0;}100%{opacity: 1;}}#page>h3{position: absolute;top: 60%;font-family: "Arame-Regular";font-weight: 400;font-size: 14px;color: #7c7c7c;left: 5%;}#page>h4{position: absolute;top: 62%;left: 25%;font-family: gilroy;font-weight: 500;color: white;}#page1>#right-text{position: absolute;top: 30%;left: 10%;font-family: "Arame-Regular";}#page1>#right-text>h3{font-weight: 400;color: #7c7c7c;}#page1>#right-text>h1{line-height: 1.5;font-size: 40px;font-family: 'Montserrat', sans-serif;color: white;}#page1>#left-text{position: absolute;top: 50%;right: 10%;text-align: end;color: white;}#page1>#left-text>h1{font-size: 40px;line-height: 1.5;font-family: 'Montserrat', sans-serif;color: white;}#page1>#left-text>h3{color: #7c7c7c;font-weight: 400;font-family: "Arame-Regular";}#page2>#text1{position: absolute;top: 30%;left: 10%;color: white;}#page2>#text1>h3{color: #7c7c7c;font-weight: 400;font-family: "Arame-Regular";}#page2>#text1>h1{font-size: 40px;line-height: 1.5;font-family: 'Montserrat', sans-serif;color: white;}#page2>#text2{position: absolute;top: 55%;right: 10%;text-align: end;color: white;}#page2>#text2>p{color: #7c7c7c;font-weight: 200;font-family: "Arame-Regular";font-size: 14px;font-style: normal;}#page3>#blah{position: absolute;top: 38%;left: 10%;text-align: end;}#page3>#blah>h3{color: #7c7c7c;font-weight: 200;font-family: "Arame-Regular";}#page3>#text3{position: absolute;top: 40%;right: 10%;text-align: end;color: white;}#page3>#extra-text{position: absolute;top: 40%;left: 10%;line-height: 1.5;font-size: 40px;font-family: 'Montserrat', sans-serif;color: white;}#page3>#extra-text>h3{color: #ffffff;}#btn{top: 42%;right: -80%;display: flex;align-items: center;justify-content: space-between;height: 7%;width: 100%;position: fixed;z-index: 99;padding: 0px 30px;}#btn{font-family: 'Montserrat', sans-serif;font-weight: 400;font-size: 20px;color: white;}.works{padding: 10px 20px;border-radius: 50px;background-color: #ffffff;color: #000000;border: none;font-size: 16px;font-weight: 200;font-family: 'Space Grotesk', sans-serif;text-decoration: none;}.arr2{position: fixed;top: 40%;right: 2%;transform: rotate(270deg);height: 40px;}.hover-this {transition: all 0.3s ease;}.cursor {pointer-events: none;position: fixed;padding: 0.3rem;background-color: #fff;border-radius: 50%;mix-blend-mode: difference;transition: transform 0.3s ease;}.hover-this:hover ~ .cursor {transform: translate(-50%, -50%) scale(8);}.hover-this {width: 100%;padding: 20px 0;display: inline-block;}i {margin-left: 10px;}.arrow1 {animation: slide1 1s ease-in-out infinite;margin-left: 8px;}@keyframes slide1 {0%, 100% {transform: translate(0, 0);}50% {transform: translate(10px, 0);}}#portfolio{font-family: 'Montserrat', sans-serif;font-weight: 400;font-size: 20px;color: white;}